<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>关于我</title>
	<link rel="stylesheet" href="css/personal_page.css">
</head>
<body>
    <div class="header">
    	<div class="navigation">
    		 <a href="index.html">
    		   <img src="images/logo.png" alt="" class="logo">
            </a>
    		<ul class="nav_list_left">
    			<li><a href="#" class="active">关于我</a></li>
    			<li><a href="#">我的作品</a></li>
    			<li><a href="#">个人日志</a></li>
    			<li><a href="#">瞎扯淡</a></li>
    			<li><a href="link.html">推荐链接</a></li>
    		</ul>
    		<ul class="nav_list_right">
    		    <li><a href="entry.html">游客登录</a></li>
    			<li><a href="message.html">留言板</a></li>
    			<li class="search"><img src="images/search.png" alt=""><input type="text" placeholder="Search"></li>
    		</ul>
    	</div>
    	<div class="header_bg">
    		<img src="images/header_bg.jpg" alt="">
    		<div class="header_wr">
    			<p class="small_wr">那年依旧你在</p>
    			<p class="big_wr">Ben's历程</p>
    		</div>
    	</div>
    </div>
    <div class="container_about">
        <div class="about_main">
	         <div class="about_wr"> 
	               <P class="p1">我们不停的翻弄着回忆，却再也找不回那时的自己</P>
	               <P class="p2">人生，是一场盛大的遇见。若你懂得，就请珍惜。</P>
	               <P class="p3">无论下多久的雨，最后都会有彩虹；无论你多么悲伤，要相信幸福在前方等候.</P>
	         </div>
	         <div class="time_experence">
	         	<div class="time_axis"></div>
	         	<ul class="time_style">
	         		<li class="li1"></li>
	         		<li class="li2"></li>
	         		<li class="li3"></li>
	         		<li class="li4"></li>
	         		<li class="li5"></li>
	         	</ul>
	         	<ul class="time_data">
	         		<li class="li1">2013年</li>
	         		<li class="li2">2016年</li>
	         		<li class="li3">2017年</li>
	         		<li class="li4">未定</li>
	         		<li class="li5">未定</li>
	         	</ul>
	         	<ul class="time_wr">
	         		<li class="li1"><a href="javascript:;">初入大学</a></li>
	         		<li class="li2"><a href="javascript:;">接触前端</a></li>
	         		<li class="li3"><a href="javascript:;">创建博客</a></li>
	         		<li class="li4"><a href="javascript:;">暂无</a></li>
	         		<li class="li5"><a href="javascript:;">暂无</a></li>
	         	</ul>
	         </div>
	         <div class="about_me">
	         	<div class="just_me">
	         	   ABOUT ME
	         	</div>
	         	<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容。</p>
	         	<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是。</p>
	         	<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容。</p>
	         	<p>喜欢我的人可以加我QQ：935800327</p>
	         	<a href="http://mail.qq.com/cgi-bin/qm_share?"><img src="images/qq.jpg" alt=""></a>
	         	<div class="just_me">
	         	   ABOUT MY BLOG
	         	</div>
		        <p><a href="http://www.xiaoma321.com">个人主页：小小马</a></p>
	         	<p>创建于2017年9月</p>
	         	<p><img src="images/xiaoma_weixin.png" alt="">
	         	<cite>小马的微信</cite>
	         </p>
	         </div> 
         </div>      
    </div>
</body>
   <script src="js/jquery-1.8.3.min.js"></script>
   <script src="js/personal.js"></script>
</html>